<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection"content="telphone=no"/>
    <script type="text/javascript" src="js/flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>弹窗</title>
</head>
<body>
  <span class="click-toast">点击出现弹出</span>
  <div class="toast">
    提示框出现3s后消失提示框出现3s后消失
  </div>
  <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
  <script type="text/javascript">
  $(".click-toast").on("click", function(){
    $(".toast").show().delay(3000).slideUp();
  })
  </script>
</body>
</html>